<template>
	<div>
		<!-- 导航条 -->
		<el-row class="bg-purple-dark">
			<el-col :span="12">
				<el-row type="flex">
					
				</el-row>
			</el-col>
			<el-col :span="12">
				<el-row type="flex" justify="end">
					<div style="padding-top: 2%; margin-right: 2%;">
						<el-button type="primary" round>登录</el-button>
						<el-button type="info" round>注册</el-button>
					</div>
				</el-row>
			</el-col>
		</el-row>
		
		<!-- 主要内容 -->
		<div>
			<!-- logo -->
			<div><img src="" alt="工塑之家" /></div>
			
			<!-- 搜索框 -->
			<div>
				
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		data () {
			return {
				
			}
		}
	}
</script>

<style>
  .el-row {
    margin-bottom: 20px;
    &:last-child {
      margin-bottom: 0;
    }
  }
  .el-col {
    border-radius: 4px;
  }
  .bg-purple-dark {
    background: #99a9bf;
  }
  .bg-purple {
    background: #d3dce6;
  }
  .bg-purple-light {
    background: #e5e9f2;
  }
  .grid-content {
    border-radius: 4px;
    min-height: 60px;
  }
  .row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
  }
</style>